<template>
    <div class="s2">
        <h2>区</h2>
        <ul>
            <li>{{ a1 }}</li>
            <li>{{ a2 }}</li>
            <li>{{ a3 }}</li>
            <li>{{ x }}</li>
            <li>{{ y }}</li>
        </ul>
    </div>
</template>

<script>
export default {
    name: 'City',
    props: ['a1', 'a2', 'a3', 'x', 'y']
    /* computed: {
        // 计算属性简化
        a1() {
            return this.$route.params.a1
        },
        a2() {
            return this.$route.params.a2
        },
        a3() {
            return this.$route.params.a3
        }
    } */
}
</script>